<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>界面选择</title>
    <!-- <link rel="stylesheet" href="css/forlogin.css"> -->
    <style>
        .title_sel {
            position: absolute;
            margin-top: 20px;
            height: 900px;
            width: 100%;
            text-align: center;
            top: 10px;
            font-size: 50px;
            font-family: 宋体;
            font-weight: bold;
            line-height: 40px;
            color: #FFFFFF;
        }

        .button {
            width: 1100px;
            height: 400px;
            position: absolute;
            top: 50%;
            left: 20%;
            border-radius: 15px;
            box-shadow: 0 10px 20px 0px;
        }

        .qian {
            background-image: url(./images/wuhu.png);
            background-size: cover;
            background-repeat: no-repeat;
            border-radius: 50px;
            width: 405px;
            height: 380px;
            margin: 10px 90px 10px 50px;
            font-size: 60px;
            color: #FFFFFF;
        }

        .hou {
            background-image: url(./images/wuhu.png);
            background-size: cover;
            background-repeat: no-repeat;
            border-radius: 50px;
            width: 405px;
            height: 380px;
            margin: 10px 50px 10px 90px;
            font-size: 60px;
            color: #FFFFFF;
        }

        .logtit_sel {
            margin-top: 10%;
            font-size: 70px;
            font-family: 华文楷体;
            font-weight: bold;
            color: #FFFFFF;
        }
    </style>

</head>

<body class="sel_bady">
<video src="5.mp4" style="width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;"
       autoplay="autoplay" loop="loop" muted="muted">
</video>

<div class="title_sel">
    <div class="logtit_sel_1"><img src="images\logo.png" style="height: 50px;">国家能源集团</div>
    <div class="logtit_sel">三维矿山地理信息系统</div>
</div>

<!--<div class="right-container">
    <div style="margin-top: 10px; text-align: center; ">

        <div style="text-align: center; margin-top: 30px; font-size: 24px; font-weight: bold; color: #000000">用户登录</div>
        <div style="margin-top: 30px">用户名：
            <input type="text" id="username" style="font-size:16px; width: 60%; border: 3px solid #dedcdc; padding: 10px"
                   placeholder="请输入账号">
        </div>
        <div style="margin-top:30px">密&emsp;码：
            <input type="password" id="password" style="font-size:16px; width: 60%; border: 3px solid #dedcdc; padding: 10px"
                   placeholder="请输入密码">
        </div>
        <div style="margin-top: 30px;">
            <form action="">请选择：
                <select name="select_1" id="s_1" style="font-size:14px; width: 67%; border: 1px solid #dedcdc; padding: 10px">
                    <option value="1">露天矿智能地理信息平台</option>
                    <option value="2">智慧矿山数据管理系统</option>
                </select>
            </form>
        </div>
        &lt;!&ndash;                <div class="checkbox" style="margin-left:-130px; margin-top: 15px; font-size: 16px;color: darkgray">&ndash;&gt;
        &lt;!&ndash;                    <label>&ndash;&gt;
        &lt;!&ndash;                        <input type="checkbox" id="remember"> 记住密码&ndash;&gt;
        &lt;!&ndash;                    </label>&ndash;&gt;
        &lt;!&ndash;                </div>&ndash;&gt;
        <div style="margin-top: 50px">
            <input class="loginbtn" type="button" id="check" value="登录"
                   onclick="login('admin','123456')">
        </div>
    </div>
</div>-->

<div class="button">
    <button class="qian" onclick="open_qian()">露天矿智能地理信息平台</button>
    <button class="hou" onclick="open_hou()">智慧矿山数据管理系统</button>
</div>

<script>

    function open_qian() {
        /*var username = document.getElementById("username");
        var pass = document.getElementById("password");*/
        /*var sel_1 = document.getElementById('s_1').value;*/
        window.location.href = "index.html";
        /* if (username.value == "") {
             alert("请输入用户名");
         } else if (pass.value == "") {
             alert("请输入密码");
         } else if (username.value == "admin" && pass.value == "123456") {
             window.location.href = "index.html";
         }  else {
             alert("请输入正确的用户名和密码！")
         }*/
    }
    function open_hou() {
        /*var username = document.getElementById("username");
        var pass = document.getElementById("password");*/
        /*var sel_1 = document.getElementById('s_1').value;*/
        // window.location.href = "http://192.168.0.108:8282/kuangqu/index/home.html";  //后台地址注意要根据开发环境改
        window.location.href = "http://3510b38g11.zicp.fun:13894/kuangqu/index/home.html";  //后台地址注意要根据开发环境改
        /*if (username.value == "") {
            alert("请输入用户名");
        } else if (pass.value == "") {
            alert("请输入密码");
        }else if (username.value == "admin" && pass.value == "123456") {
            window.location.href = "http://3510b38g11.zicp.fun:13894/kuangqu/";
        } else {
            alert("请输入正确的用户名和密码！")
        }*/
    }




</script>

</body>

</html>
